<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="packtag" prefix="pack" %>
<c:set var="ctx" value="${pageContext.request.contextPath }"/>

<%--
  lol主页面
  User: kent
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <pack:style>
        <src>/static/lol/css/ratchet.min.css</src>
        <src>/static/lol/css/style.css</src>
    </pack:style>

    <pack:script>
        <src>/static/wx/wx.js</src>
        <src>/static/jquery/jquery-1.9.1.min.js</src>
        <src>/static/lol/js/lol.js</src>
        <src>/static/activity/cover.js</src>
    </pack:script>


    <script>
        wx.config(${config});

        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: '我正在参加"双十一撸钱”活动', // 分享标题
                desc: '撸败了全国81%的对手，成功抢到111元现金红包获得”强撸灰飞烟灭“王者称号，你也来试试吧！', // 分享描述
                link: '${shareUrl}', // 分享链接
                imgUrl: '${shareImgUrl}', // 分享图标
                type: 'link', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                    afterShare();
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareTimeline({
                title: '我正在参加"双十一撸钱”活动', // 分享标题
                link: '${shareUrl}', // 分享链接
                imgUrl: '${shareImgUrl}', // 分享图标
                success: function () {
                    afterShare();// 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.hideMenuItems({
                menuList: ["menuItem:copyUrl"]
            });
        });
    </script>
    <title>lol</title>
</head>
<body ontouchstart>
<div class="wrapper">
    <input type="hidden" id="score_hidden" value="0"/>

    <div class="_marquee">
        <marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'>
            <table>
                <tr>
                    <td style="color: white">用户92**获得11.1元红包+1000元体验金</td>
                </tr>
                <tr>
                    <td style="color: white">用户hg**获得111元红包+1000元体验金</td>
                </tr>
                <tr>
                    <td style="color: white">用户z3**获得11.1元红包+1000元体验金</td>
                </tr>
                <tr>
                    <td style="color: white">用户ss**获得1.1元红包+1000元体验金</td>
                </tr>
            </table>
        </marquee>
    </div>
    <div class="shake">
        <img id="hand_shake" src="<c:url value="/static/lol/img/hand.png"/>"/>
    </div>
    <img src="<c:url value="/static/lol/img/index_bg.jpg"/>"/>
    <ul class="bottom_button">
        <li>
            <a id="rank"><img src="<c:url value="/static/lol/img/list_button.png"/>"/></a>
        </li>
        <li>
            <a id="lol" onclick="send();init()"><img src="<c:url value="/static/lol/img/lol.png"/>"/></a>
        </li>
        <li>
            <a id="notice"><img src="<c:url value="/static/lol/img/rules.png"/>"/></a>
        </li>
    </ul>
</div>

<audio id="audio" src="<c:url value="/static/lol/music/tokyo_hot.mp3"/>"></audio>

<div class="list">
    <div class="list_wrapper">
        <div class="tittle">
            <img src="<c:url value="/static/lol/img/tittle_list.png"/>"/>

            <p>
                您已获得1.1元现金红包+1000元体验金!
            </p>
        </div>
        <div class="list_content">
            <div class="conten_button">
                <button id="shareBtn" class="btn">分享赢iPhone6S</button>
                <button id="use" class="btn">使用体验金</button>
            </div>
            <div class="rules">
                <p>互助金服1周年庆，疯抢1亿元现金。11月11日~11月21日，玩家打开游戏界面在10秒内疯狂摇动手机参加游戏，根据摇动频率增加积分值，即可获得相应奖品。
                </p>

                <p> 一、积分值对应奖品：</p>

                <div class="">
                    <img src="<c:url value="/static/lol/img/award.png"/>"/>
                </div>
                <p>二、分享好友获得礼品：</p>

                <p>每天抽取一名iPhone6S一部； 转发并成功邀请好友参与游戏可获得随机流量；</p>

                <p>三、投资有大奖：</p>

                <p>用体验金投资的1、11、111、1111位投资用户可获得1111元现金红包奖励；</p>

                <p style="text-align: center;">如有疑问请咨询：<span style="color: yellow">400-8585-685</span></p>
            </div>
            <div class="tiyanjin">
                <div class="content-padded">
                    <span class="icon icon-close" style="padding-top: 3%;"></span>
                </div>
                <p id="yellow" style="color:#f6ff02;">1000元已经充值进您 互助金服账户</p>
                <hr/>
                <p id="white" style="color:#FFFFFF;">请登录www.huzhujingfu.com领取，账户名为您的手机号，初始密码为123456。</p>
            </div>
            <table id="rank_list">
                <tr>
                    <th>昵称</th>
                    <th>邀请好友</th>
                    <th>排名</th>
                </tr>
                <tr>
                    <td>138***460</td>
                    <td>1542</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>135***210</td>
                    <td>1138</td>
                    <td>2</td>
                </tr>
                <tr>
                    <td>177***305</td>
                    <td>981</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>136***081</td>
                    <td>842</td>
                    <td>4</td>
                </tr>
                <tr>
                    <td>139***917</td>
                    <td>431</td>
                    <td>5</td>
                </tr>
                <tr>
                    <td>136***650</td>
                    <td>381</td>
                    <td>6</td>
                </tr>
                <tr>
                    <td>137***818</td>
                    <td>349</td>
                    <td>7</td>
                </tr>
                <tr>
                    <td>130***010</td>
                    <td>270</td>
                    <td>8</td>
                </tr>
                <tr>
                    <td>139***828</td>
                    <td>265</td>
                    <td>9</td>
                </tr>
                <tr>
                    <td>137***707</td>
                    <td>243</td>
                    <td>10</td>
                </tr>
            </table>
        </div>
        <div class="footer_cancel content-padded">
            <img class="icon-close" src="<c:url value="/static/lol/img/close_button.jpg"/>"/>
        </div>
        <img src="<c:url value="/static/lol/img/notice.png"/>"/>
    </div>
</div>
<div class="shock">
    <div class="shock_tittle">
        <p>
            倒计时<span id="second">10</span>秒
        </p>
    </div>
    <div class="shock_content">
        <div class="lol_bar"></div>
        <img src="<c:url value="/static/lol/img/shock_bar.png"/>" style="width: 79%;"/>
    </div>
</div>
<div class="finish">
    <!--<div class="finish_wrapper">-->
    <div class="finish_tittle">
        <p>
            英雄您本次的成绩为<span id="score">0</span>积分，已撸败全国51%对手，获得‘’的终身荣誉称号。
        </p>
    </div>
    <div class="finish_content">
        <img src="<c:url value="/static/lol/img/hongbao1.1.png"/>"/>

        <div class="finish_button">
            <a href="">
                <button class="btn">再撸一发</button>
            </a>
            <button id="uploadScoreBtn" class="btn">上传成绩领取红包</button>
        </div>
    </div>
    <div class="footer_tips">
        <p>注：</p>

        <p>互君建议皇上每日只撸三次，并上传您的最佳成绩，领取奖品。 体验金请登陆官网投资，第11、111、1111位使用体验金者奖励1111元现金红包</p>
    </div>
    <!--</div>-->
</div>
<div class="overlay"></div>
<%--分享提示--%>
<div id="shareTip" class="cover">
    <div style="position: absolute; top: 1rem;right: 1.5rem">
        <img style="width: 2rem" src="${ctx}/static/img/activity/guide.png">
    </div>
    <div style="text-align: center;margin-top: 5em">
        <h2 style="color: #B9B9B9">点击右上角分享给朋友或朋友圈</h2>
    </div>
</div>
<script>
    $(function () {
        $("#shareBtn").on("click",function(){
            _system._cover("#shareTip");
        });
        $("#uploadScoreBtn").on("click", function () {
            location.replace('${joinUrl}')
        });
    });
</script>
</body>
</html>
